{% extends 'core/clean.html' %}
{% load glue_filters %}
{% block title %} Sydney Adult Services {% endblock %}

{% block css_link %}
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/element.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/service.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/dialog.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/general.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/nav.css" type="text/css" media="all" charset="utf-8"/>
{% endblock %}

{% block js_link %}
  <script type="text/javascript" charset="utf-8"
          src="http://yui.yahooapis.com/3.2.0/build/yui/yui-min.js">
  </script>
  <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>
  <!-- need finally make a new js file contain all the info manage script -->	
  <script type="text/javascript" src="/js/mesh.js"></script>
  <!-- Project Components -->
  <script type="text/javascript" src="/js/comps.js"></script>
  <script type="text/javascript" src="/js/zoyoe.js"></script>
  <script type="text/javascript" src="/js/ele.js"></script>
  <script type="text/javascript" src="/js/ui.js"></script>
  <script type="text/javascript">
    function document_load(){
      YUI().use('node','anim','io-form',function(Y){
        zoyoe.ArrangeClips('services','data')
        zoyoe.InitZoyoe(false,Y);
        zoyoe.admin = InitAdmin(zoyoe);
        zoyoe.map = new MapInfoCore(function(rmap){
        },null,null);
      });
    }
  </script>

{% endblock %}

{% block nav %}
  <div id="title-bar">
    <div class="nav">
      <div class="brand">
        <a href="/search/"><img src="/res/auadult.png" height="30px"/></a>
      </div>
      <div class="nav-button-tray">
        <a class="nav-button" href="/search/">Homepage</a>
        <a class="nav-button" href="/map/">Map</a>
        <a class="nav-button" href="/forum/">Forum</a>
        <a class="nav-button" href="/mark/">Recommendation</a>
        <a class="nav-button" onclick="zoyoe.admin.ShowAboutUsDialog()">About Us</a>
        {% if user.is_authenticated %}
          <a class="nav-button" onclick ="zoyoe.admin.ShowAddServiceDialog()">Quick Publish</a>
          {% include "core/_usrmenu.html" %}
        {% endif %}
      </div>
    </div>
  </div>
{% endblock %}

{% block content %}
<div class='nav-sup' style="padding-top:20px;padding-bottom:20px;">
  Service Cards &raquo;
  <a href="" style="text-decoration:none;color:#CCC;">My Services</a>
  <span class="btnblue" onclick="zoyoe.admin.ShowAddServiceDialog()" style="float:right;top:-10px;position:relative">
  publish a new service
  </span>
</div>

<div style="margin: auto;width: 960px;padding-left: 20px;padding-bottom: 10px;" id="page">
  <div id='services'>
  </div>
  <div id='data'>
  {% for service in SERVICES%}
    <div class='clip'>
    <a href="/core/service/{{service.name}}">
      <img src="/gallery/imageicon/{{service.name}}/icon/?"></img>
    </a>
    <ul>
    <li class='name'><a href="/core/service/{{service.name}}">{{service.name}}</a></li>
    <li class='fade'>{{service.email}}</li>
    <li class='dscp'>{{service.description}}</li>
    </ul>
    </div>
  {% endfor %}
  </div>
  <div class="foot">
    <div id="contact">
      <p>Contact 9262 7900 / <a href="mailto:acnwco@gmail.com">info@adultsservice.com.au</a> to advertise here</p>
    </div>
    <div id="copyright">
      <p>&copy; 2011 <a href="http://www.adultsservice.com.au/">Adults Service</a> All Rights Reserved</p>
    </div>
    <p class="clear"></p>
  </div>
</div>
{% endblock %}


